<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初实Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>

</head>
<body>
<!--
    初时Vue:
        1.想让Vue工作，就必须创建一个Vue实例，并且传入一个配置对象
        2.one容器中的代码依然复合html规范,只不过混入了一些特殊的Vue语法;
        3.one容器里的代码被称为【Vue模板】
        4.Vue实例和容器是一一对应的;
        5.真实开发中只有一个Vue实例，并且会配合着组件一起使用。
        6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性;
        7.一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新。


        注意区分:js表达式 和 js代码（语句）
            1.js表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方
                (1): a
                (2): a + b
                (3): demo(1)
                (4): x===y ? 'a' : 'b'
            2.js代码（语句）
                (1). if(){}
                (2). for(){}
-->


    <h1 id="one">大家好，我在{{name}},学习vue1第一天</h1>
    <script>
        Vue.config.productionTip = false;
        new Vue({
            el: '#one',
            data: {
                name: '长沙'
            }
        });
    </script>

</body>
</html>